RedCiuo = function(){
	
	return {
		guardarCiuo01 : function(){
			var form = Ext.getCmp("redCiuo01Form").getForm();
			if(!form.isValid()){
				Asg.Message.alertInvalidFields();
				return;
			}
			Asg.Message.progress("Guardando Informacion...");
			form.submit({
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/guardarCiuo01",
			    success: function(form, action) {
			    	Asg.Grid.loadData("gridCiuo01", action.result.ciuo01);
			    	Ext.Msg.hide();
			    },
			    failure: Asg.Form.failureProcedure
			});
		},
		eliminarCiuo01 : function(ciuo01Codigo){
			Ext.Ajax.request({
				timeout: Asg.constants.TIMEOUT_SECONDS,
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/eliminarCiuo01",
			    params: {
			    	ciuo01Codigo: ciuo01Codigo
			    },
			    callback: function(options, success, response){
			    	if(success){
			    		var jsonObject = Asg.Utils.ajaxRequestGetJson(response);
			    		if(jsonObject){
			    			Asg.Grid.loadData("gridCiuo01", jsonObject.ciuo01);
			    			Ext.Msg.hide();
			    		}
			    	}
			    }
			});
		},
		guardarCiuo02 : function(){
			var form = Ext.getCmp("redCiuo02Form").getForm();
			if(!form.isValid()){
				Asg.Message.alertInvalidFields();
				return;
			}
			
			Asg.Message.progress("Guardando Informacion...");
			form.submit({
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/guardarCiuo02",
			    params: {
			    	"ciuo02.ciuo01.ciuo01Codigo": Asg.Utils.getValue("ciuo0102")
			    },
			    success: function(form, action) {
			    	Asg.Grid.loadData("gridCiuo02", action.result.ciuo02);
			    	Ext.Msg.hide();
			    },
			    failure: Asg.Form.failureProcedure
			});
			
		},
		eliminarCiuo02 : function(ciuo01Codigo,ciuo02Codigo){
			Ext.Ajax.request({
				timeout: Asg.constants.TIMEOUT_SECONDS,
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/eliminarCiuo02",
			    params: {
			    	ciuo01Codigo: ciuo01Codigo,
			    	ciuo02Codigo: ciuo02Codigo
			    },
			    callback: function(options, success, response){
			    	if(success){
			    		var jsonObject = Asg.Utils.ajaxRequestGetJson(response);
			    		if(jsonObject){
			    			Asg.Grid.loadData("gridCiuo02", jsonObject.ciuo02);
			    			Ext.Msg.hide();
			    		}
			    	}
			    }
			});
		},
		guardarCiuo03 : function(){
			var form = Ext.getCmp("redCiuo03Form").getForm();
			if(!form.isValid()){
				Asg.Message.alertInvalidFields();
				return;
			}
			
			Asg.Message.progress("Guardando Informacion...");
			form.submit({
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/guardarCiuo03",
			    params: {
			    	"ciuo03.ciuo01.ciuo01Codigo": Asg.Utils.getValue("ciuo0103"),
			    	"ciuo03.ciuo02.ciuo02Codigo": Asg.Utils.getValue("ciuo0203")
			    	
			    },
			    success: function(form, action) {
			    	Asg.Grid.loadData("gridCiuo03", action.result.ciuo03);
			    	Ext.Msg.hide();
			    },
			    failure: Asg.Form.failureProcedure
			});
			
		},
		eliminarCiuo03 : function(ciuo01Codigo,ciuo02Codigo,ciuo03Codigo){
			Ext.Ajax.request({
				timeout: Asg.constants.TIMEOUT_SECONDS,
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/eliminarCiuo03",
			    params: {
			    	ciuo01Codigo: ciuo01Codigo,
			    	ciuo02Codigo: ciuo02Codigo,
			    	ciuo03Codigo: ciuo03Codigo
			    },
			    callback: function(options, success, response){
			    	if(success){
			    		var jsonObject = Asg.Utils.ajaxRequestGetJson(response);
			    		if(jsonObject){
			    			Asg.Grid.loadData("gridCiuo03", jsonObject.ciuo03);
			    			Ext.Msg.hide();
			    		}
			    	}
			    }
			});
		},
		guardarCiuo04 : function(){
			var form = Ext.getCmp("redCiuo04Form").getForm();
			if(!form.isValid()){
				Asg.Message.alertInvalidFields();
				return;
			}
			
			Asg.Message.progress("Guardando Informacion...");
			form.submit({
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/guardarCiuo04",
			    params: {
			    	"ciuo04.ciuo01.ciuo01Codigo": Asg.Utils.getValue("ciuo0104"),
			    	"ciuo04.ciuo02.ciuo02Codigo": Asg.Utils.getValue("ciuo0204"),
			    	"ciuo04.ciuo03.ciuo03Codigo": Asg.Utils.getValue("ciuo0304")
			    	
			    },
			    success: function(form, action) {
			    	Asg.Grid.loadData("gridCiuo04", action.result.ciuo04);
			    	Ext.Msg.hide();
			    },
			    failure: Asg.Form.failureProcedure
			});
			
		},
		eliminarCiuo04 : function(ciuo01Codigo,ciuo02Codigo,ciuo03Codigo,ciuo04Codigo){
			Ext.Ajax.request({
				timeout: Asg.constants.TIMEOUT_SECONDS,
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/eliminarCiuo04",
			    params: {
			    	ciuo01Codigo: ciuo01Codigo,
			    	ciuo02Codigo: ciuo02Codigo,
			    	ciuo03Codigo: ciuo03Codigo,
			    	ciuo04Codigo: ciuo04Codigo
			    },
			    callback: function(options, success, response){
			    	if(success){
			    		var jsonObject = Asg.Utils.ajaxRequestGetJson(response);
			    		if(jsonObject){
			    			Asg.Grid.loadData("gridCiuo04", jsonObject.ciuo04);
			    			Ext.Msg.hide();
			    		}
			    	}
			    }
			});
		},
		guardarOcupacion : function(){
			var form = Ext.getCmp("redOcupacionForm").getForm();
			if(!form.isValid()){
				Asg.Message.alertInvalidFields();
				return;
			}
			
			Asg.Message.progress("Guardando Informacion...");
			form.submit({
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/guardarOcupacion",
			    params: {
			    	"ocupacion.ciuo01.ciuo01Codigo": Asg.Utils.getValue("ciuo01OP"),
			    	"ocupacion.ciuo02.ciuo02Codigo": Asg.Utils.getValue("ciuo02OP"),
			    	"ocupacion.ciuo03.ciuo03Codigo": Asg.Utils.getValue("ciuo03OP"),
			    	"ocupacion.ciuo04.ciuo04Codigo": Asg.Utils.getValue("ciuo04OP")
			    	
			    },
			    success: function(form, action) {
			    	Asg.Grid.loadData("gridOcupacion", action.result.ocupacion);
			    	Ext.Msg.hide();
			    },
			    failure: Asg.Form.failureProcedure
			});
			
		},
		eliminarOcupacion : function(ciuo01Codigo,ciuo02Codigo,ciuo03Codigo,ciuo04Codigo,ocupacionCodigo){
			Ext.Ajax.request({
				timeout: Asg.constants.TIMEOUT_SECONDS,
			    url: Asg.constants.CONTEXT_PATH + "/ciuo/eliminarOcupacion",
			    params: {
			    	ciuo01Codigo: ciuo01Codigo,
			    	ciuo02Codigo: ciuo02Codigo,
			    	ciuo03Codigo: ciuo03Codigo,
			    	ciuo04Codigo: ciuo04Codigo,
			    	ocupacionCodigo: ocupacionCodigo
			    },
			    callback: function(options, success, response){
			    	if(success){
			    		var jsonObject = Asg.Utils.ajaxRequestGetJson(response);
			    		if(jsonObject){
			    			Asg.Grid.loadData("gridOcupacion", jsonObject.ocupacion);
			    			Ext.Msg.hide();
			    		}
			    	}
			    }
			});
		},
		initConfig: function(config){
			config = config || {};
			Ext.define("redCiuo01Model",{
				extend: "Ext.data.Model",
				fields:[
			        "ciuo01Codigo",
			        "ciuo01Nombre"
		        ]
			});
			var storeCiuo01 = Ext.create("Ext.data.Store", {
				autoLoad: true,
				model: "redCiuo01Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo01",
					reader: {
						type: "array",
						root: "ciuo01"
					}
				}
			});
			
			Ext.define("redCiuo02Model",{
				extend: "Ext.data.Model",
				fields:[
			        "ciuo01Codigo",
			        "ciuo02Codigo",
			        "ciuo02Nombre"
		        ]
			});
			
			var storeCiuo02 = Ext.create("Ext.data.Store", {
				model: "redCiuo02Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo02ByCiuo01",
					reader: {
						type: "array",
						root: "ciuo02"
					}
				}
			});
			
			var storeCiuo02Cmb  = Ext.create("Ext.data.Store", {
				model: "redCiuo02Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo02ByCiuo01",
					reader: {
						type: "array",
						root: "ciuo02"
					}
				}
			});
			
			var storeCiuo02CmbFrom04  = Ext.create("Ext.data.Store", {
				model: "redCiuo02Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo02ByCiuo01",
					reader: {
						type: "array",
						root: "ciuo02"
					}
				}
			});
			
			Ext.define("redCiuo03Model",{
				extend: "Ext.data.Model",
				fields:[
		        	"ciuo01Codigo",
		        	"ciuo02Codigo",
			        "ciuo03Codigo",
			        "ciuo03Nombre"
		        ]
			});
			
			
			var storeCiuo03 = Ext.create("Ext.data.Store", {
				model: "redCiuo03Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo03ByCiuo01AndCiuo02",
					reader: {
						type: "array",
						root: "ciuo03"
					}
				}
			});
			
			var storeCiuo03Cmb = Ext.create("Ext.data.Store", {
				model: "redCiuo03Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo03ByCiuo01AndCiuo02",
					reader: {
						type: "array",
						root: "ciuo03"
					}
				}
			});
			
			Ext.define("redCiuo04Model",{
				extend: "Ext.data.Model",
				fields:[
		        	"ciuo01Codigo",
		        	"ciuo02Codigo",
		        	"ciuo03Codigo",
			        "ciuo04Codigo",
			        "ciuo04Nombre"
		        ]
			});
			
			var storeCiuo04 = Ext.create("Ext.data.Store", {
				model: "redCiuo04Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo03ByCiuo01AndCiuo02AndCiuo03",
					reader: {
						type: "array",
						root: "ciuo04"
					}
				}
			});
			
			
			Ext.define("redOcupacionModel",{
				extend: "Ext.data.Model",
				fields:[
		        	"ciuo01Codigo",
		        	"ciuo02Codigo",
		        	"ciuo03Codigo",
			        "ciuo04Codigo",
			        "ocupacionCodigo",
			        "ocupacionNombre"
		        ]
			});
			
			var storeOcupacion = Ext.create("Ext.data.Store", {
				model: "redOcupacionModel",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarOcupacionByCiuo01To04",
					reader: {
						type: "array",
						root: "ocupacion"
					}
				}
			});
			
			var storeCiuo02CmbFromOcupacion  = Ext.create("Ext.data.Store", {
				model: "redCiuo02Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo02ByCiuo01",
					reader: {
						type: "array",
						root: "ciuo02"
					}
				}
			});
			
			var storeCiuo03CmbFromOcupacion = Ext.create("Ext.data.Store", {
				model: "redCiuo03Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo03ByCiuo01AndCiuo02",
					reader: {
						type: "array",
						root: "ciuo03"
					}
				}
			});
			
			var storeCiuo04Cmb = Ext.create("Ext.data.Store", {
				model: "redCiuo04Model",
				proxy: {
					type: "ajax",
					url: Asg.constants.CONTEXT_PATH + "/ciuo/buscarCiuo03ByCiuo01AndCiuo02AndCiuo03",
					reader: {
						type: "array",
						root: "ciuo04"
					}
				}
			});
			return {
				items: [{
					xtype: "tabpanel",
		        	minHeight: 450,
		        	width: 700,
		        	margins: "50 50 50 50",
		        	frame: true,
		        	deferredRender: false,
		        	items: [{
		        		title: "CIUO 01",
        	        	margin: "10 0 0 0",
        	        	autoScroll: true,
        	        	items: {
        	        		xtype: "form",
        	        		id: "redCiuo01Form",
        	        		border: false,
        	        		height: 450,
        	        		frame: true,
        	        		layout: {
	        	        		type: "table",
								columns: 2,
								tableAttrs: {
						            style: {width: "620px"},
						            align: "center"
								}
	        	        	},
	        	        	defaults: Asg.Form.defaults({width: 305}),
	        	        	items: [
        	        	        {
    	        	        		xtype: "textfield",
    	        	        		fieldLabel: "CIUO 01 C\u00F3digo",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo01Codigo",
    	        	        		name: "ciuo01Codigo",
    	        	        		allowBlank: false,
    	        	        		width: 200,
    	        	        		maxLength: 2,
    	        	        		colspan: 2,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600
	        	        		},
	        	        		{
    	        	        		xtype: "textfield", 
    	        	        		fieldLabel: "CIUO 01 Nombre",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo01Nombre",
    	        	        		name: "ciuo01Nombre",
    	        	        		allowBlank: false,
    	        	        		maxLength: 250,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600,
    	        	        		width: 590,
    	        	        		colspan: 2,
    	        	        		flex: 1
	        	        		},{
	        	        			xtype: "grid",
	        	        			boder: false,
	        	        			id: "gridCiuo01",
	        	        			margins: "10 5 5 5",
	        	        			flex: 1,
	        	        			height: 275,
	        	        			colspan: 2,
	        	        			columWidth: 510,
	        	        			width: 600,
	        	        			store: storeCiuo01,
	        	        			columns: [
	        	        			      {
	        	        			    	  xtype:"actioncolumn",
	        	        			    	  width: 60,
	        	        			    	  items: [{
		        	        			    	  icon: Asg.constants.CONTEXT_PATH + "/resources/images/cancel.png",
		        	        			    	  tooltip: "Eliminar",
		        	        			    	  iconCls: "action_icons",
		        	        			    	  handler: function(grid, rowIndex, colIndex) {
		        	        			    		  Ext.Msg.confirm(Asg.constants.APPLICATION_TITLE, 
		        	        			    				  Asg.constants.CONFIRM_DELETE_MESSAGE, function(btn, text){
		        	        			    			  if (btn == 'yes'){
		        	        			    				  var record = grid.getStore().getAt(rowIndex);
				        	        			    		  if(record != null){
				        	        			    			  RedCiuo.eliminarCiuo01(record.get("ciuo01Codigo"));
				        	        			    		  }
		        	        			    			  }
		        	        			    		  });
		        	        			    		 
		        	        			    	  }
	        	        			    	  },{
	        	        			    		  icon: Asg.constants.CONTEXT_PATH + "/resources/images/edit.png",
	        	        			    		  tooltip: "Editar",
	        	        			    		  iconCls: "action_icons",
	        	        			    		  handler: function(grid, rowIndex, colIndex){
	        	        			    			  var record = grid.getStore().getAt(rowIndex);
	        	        			    			  if(record != null){
	        	        			    				 Ext.getCmp("redCiuo01Form").getForm().loadRecord(record); 
	        	        			    				 Ext.getCmp("btnModificar").setVisible(true);
	        	        			    				 Ext.getCmp("btnAgregar").setVisible(false);
	        	        			    			  }
	        	        			    		  }
	        	        			    	  }]
	        	        			      },
		    					          {text: "Codigo", width: 60, dataIndex: "ciuo01Codigo"},
		    					          {text: "Nombre", flex: 1, dataIndex: "ciuo01Nombre"}
        				          	],
        				          	tbar: [
        			        	       {
        			        	    	   text: "Agregar", 
        			        	    	   id: "btnAgregar",
        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
        			        	    	   handler: function(){
        			        	    		   RedCiuo.guardarCiuo01();
    			        	    		   }
        			        	       }, 
        			        	       {
        			        	    	   text: "Modificar",
        			        	    	   id: "btnModificar",
        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
        			        	    	   hidden:true,
        			        	    	   handler: function(){
        			        	    		   RedCiuo.guardarCiuo01();
    			        	    		   }
        			        	       },
        			        	       {
        			        	    	   text: "Limpiar", 
        			        	    	   handler: function(){
        			        	    		   Ext.getCmp("redCiuo01Form").getForm().reset();
        			        	    		   Ext.getCmp("btnModificar").setVisible(false);
        			        	    		   Ext.getCmp("btnAgregar").setVisible(true);
    			        	    		   }
        			        	       } 
        		        	        ]
	        	        		}
    	        	        ]
        	        	}
		        	},{
		        		title: "CIUO 02",
        	        	margin: "5 0 0 0",
        	        	autoScroll: true,
        	        	items: {
        	        		xtype: "form",
        	        		id: "redCiuo02Form",
        	        		border: false,
        	        		height: 450,
        	        		frame: true,
        	        		layout: {
	        	        		type: "table",
								columns: 2,
								tableAttrs: {
						            style: {width: "520px"},
						            align: "center"
								}
	        	        	},
	        	        	defaults: Asg.Form.defaults({width: 255}),
	        	        	items: [
	        	        	    {
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 01",
	        	        	    	id: "ciuo0102",
	        	        	    	name: "ciuo01.ciuo01Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo01,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo01Codigo",
    	    						displayField: "ciuo01Nombre",
    	    						listeners:{
    	    							change: function(f, ciuo01Codigo, o, e){
    	    								storeCiuo02.load({params: {ciuo01Codigo : ciuo01Codigo}});
    	    							}
    	    						}
	        	        	    },
        	        	        {
    	        	        		xtype: "textfield",
    	        	        		fieldLabel: "CIUO 02 C\u00F3digo",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo02Codigo",
    	        	        		name: "ciuo02Codigo",
    	        	        		allowBlank: false,
    	        	        		width: 200,
    	        	        		maxLength: 2,
    	        	        		colspan: 2,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600
	        	        		},
	        	        		{
    	        	        		xtype: "textfield", 
    	        	        		fieldLabel: "CIUO 02 Nombre",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo02Nombre",
    	        	        		name: "ciuo02Nombre",
    	        	        		allowBlank: false,
    	        	        		maxLength: 250,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600,
    	        	        		width: 590,
    	        	        		colspan: 2,
    	        	        		flex: 1
	        	        		},
	        	        		{
	        	        			xtype: "grid",
	        	        			boder: false,
	        	        			id: "gridCiuo02",
	        	        			margins: "10 5 5 5",
	        	        			flex: 1,
	        	        			height: 275,
	        	        			colspan: 2,
	        	        			columWidth: 510,
	        	        			width: 600,
	        	        			store: storeCiuo02,
	        	        			columns: [
		        	        			      {
		        	        			    	  xtype:"actioncolumn",
		        	        			    	  width: 60,
		        	        			    	  items: [{
			        	        			    	  icon: Asg.constants.CONTEXT_PATH + "/resources/images/cancel.png",
			        	        			    	  tooltip: "Eliminar",
			        	        			    	  iconCls: "action_icons",
			        	        			    	  handler: function(grid, rowIndex, colIndex) {
			        	        			    		  Ext.Msg.confirm(Asg.constants.APPLICATION_TITLE, 
			        	        			    				  Asg.constants.CONFIRM_DELETE_MESSAGE, function(btn, text){
			        	        			    			  if (btn == 'yes'){
			        	        			    				  var record = grid.getStore().getAt(rowIndex);
					        	        			    		  if(record != null){
					        	        			    			  RedCiuo.eliminarCiuo02(record.get("ciuo01Codigo"),record.get("ciuo02Codigo"));
					        	        			    		  }
			        	        			    			  }
			        	        			    		  });
			        	        			    		 
			        	        			    	  }
		        	        			    	  },{
		        	        			    		  icon: Asg.constants.CONTEXT_PATH + "/resources/images/edit.png",
		        	        			    		  tooltip: "Editar",
		        	        			    		  iconCls: "action_icons",
		        	        			    		  handler: function(grid, rowIndex, colIndex){
		        	        			    			  var record = grid.getStore().getAt(rowIndex);
		        	        			    			  if(record != null){
		        	        			    				  Ext.getCmp("redCiuo02Form").getForm().loadRecord(record);
		        	        			    			  }
		        	        			    		  }
		        	        			    	  }]
		        	        			      },
			    					          {text: "Codigo", width: 60, dataIndex: "ciuo02Codigo"},
			    					          {text: "Nombre", flex: 1, dataIndex: "ciuo02Nombre"}
	        				          	],
	        				          	tbar: [
	        			        	       {
	        			        	    	   text: "Agregar", 
	        			        	    	   id: "btnAgregar2",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarCiuo02();
	    			        	    		   }
	        			        	       }, 
	        			        	       {
	        			        	    	   text: "Modificar",
	        			        	    	   id: "btnModificar2",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   hidden:true,
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarCiuo02();
	    			        	    		   }
	        			        	       },
	        			        	       {
	        			        	    	   text: "Limpiar", 
	        			        	    	   handler: function(){
	        			        	    		   Ext.getCmp("redCiuo02Form").getForm().reset();
	        			        	    		   Ext.getCmp("btnModificar2").setVisible(false);
	        			        	    		   Ext.getCmp("btnAgregar2").setVisible(true);
	    			        	    		   }
	        			        	       } 
	        		        	        ]
	        	        		}
        	        		]
        	        	}
		        	},{
		        		title: "CIUO 03",
        	        	margin: "5 0 0 0",
        	        	autoScroll: true,
        	        	items: {
        	        		xtype: "form",
        	        		id: "redCiuo03Form",
        	        		border: false,
        	        		height: 450,
        	        		frame: true,
        	        		layout: {
	        	        		type: "table",
								columns: 2,
								tableAttrs: {
						            style: {width: "520px"},
						            align: "center"
								}
	        	        	},
	        	        	defaults: Asg.Form.defaults({width: 255}),
	        	        	items: [
	        	        	    {
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 01",
	        	        	    	id: "ciuo0103",
	        	        	    	name: "ciuo01.ciuo01Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo01,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo01Codigo",
    	    						displayField: "ciuo01Nombre",
    	    						listeners:{
    	    							change: function(f, ciuo01Codigo, o, e){
    	    								storeCiuo02Cmb.load({params: {ciuo01Codigo : ciuo01Codigo}});
    	    								
    	    							}
    	    						}
	        	        	    },{
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 02",
	        	        	    	id: "ciuo0203",
	        	        	    	name: "ciuo02.ciuo02Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo02Cmb,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo02Codigo",
    	    						displayField: "ciuo02Nombre",
    	    						listeners: {
	        	        	    		change: function(f, ciuo02Codigo, o, e){
	        	        	    			storeCiuo03.load({params: {
	        	        	    					ciuo01Codigo : Asg.Utils.getValue("ciuo0103"),
	        	        	    					ciuo02Codigo: ciuo02Codigo
	        	        	    				}
	        	        	    			});
	        	        	    		}
	        	        	    	}
	        	        	    },{
    	        	        		xtype: "textfield",
    	        	        		fieldLabel: "CIUO 03 C\u00F3digo",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo03Codigo",
    	        	        		name: "ciuo03Codigo",
    	        	        		allowBlank: false,
    	        	        		width: 200,
    	        	        		maxLength: 3,
    	        	        		colspan: 2,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600
	        	        		},
	        	        		{
    	        	        		xtype: "textfield", 
    	        	        		fieldLabel: "CIUO 03 Nombre",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo03Nombre",
    	        	        		name: "ciuo03Nombre",
    	        	        		allowBlank: false,
    	        	        		maxLength: 250,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600,
    	        	        		width: 590,
    	        	        		colspan: 2,
    	        	        		flex: 1
	        	        		},{
	        	        			xtype: "grid",
	        	        			boder: false,
	        	        			id: "gridCiuo03",
	        	        			margins: "10 5 5 5",
	        	        			flex: 1,
	        	        			height: 275,
	        	        			colspan: 2,
	        	        			columWidth: 510,
	        	        			width: 600,
	        	        			store: storeCiuo03,
	        	        			columns: [
	        	        			      {
	        	        			    	  xtype:"actioncolumn",
	        	        			    	  width: 60,
	        	        			    	  items: [{
		        	        			    	  icon: Asg.constants.CONTEXT_PATH + "/resources/images/cancel.png",
		        	        			    	  tooltip: "Eliminar",
		        	        			    	  iconCls: "action_icons",
		        	        			    	  handler: function(grid, rowIndex, colIndex) {
		        	        			    		  Ext.Msg.confirm(Asg.constants.APPLICATION_TITLE, 
		        	        			    				  Asg.constants.CONFIRM_DELETE_MESSAGE, function(btn, text){
		        	        			    			  if (btn == 'yes'){
		        	        			    				  var record = grid.getStore().getAt(rowIndex);
				        	        			    		  if(record != null){
				        	        			    			  RedCiuo.eliminarCiuo03(
				        	        			    					  record.get("ciuo01Codigo"),
				        	        			    					  record.get("ciuo02Codigo"),
				        	        			    					  record.get("ciuo03Codigo"));
				        	        			    		  }
		        	        			    			  }
		        	        			    		  });
		        	        			    		 
		        	        			    	  }
	        	        			    	  },{
	        	        			    		  icon: Asg.constants.CONTEXT_PATH + "/resources/images/edit.png",
	        	        			    		  tooltip: "Editar",
	        	        			    		  iconCls: "action_icons",
	        	        			    		  handler: function(grid, rowIndex, colIndex){
	        	        			    			  var record = grid.getStore().getAt(rowIndex);
	        	        			    			  if(record != null){
	        	        			    				  Ext.getCmp("redCiuo03Form").getForm().loadRecord(record);
	        	        			    			  }
	        	        			    		  }
	        	        			    	  }]
	        	        			      },
		    					          {text: "Codigo", width: 60, dataIndex: "ciuo03Codigo"},
		    					          {text: "Nombre", flex: 1, dataIndex: "ciuo03Nombre"}
	        				          	],
	        				          	tbar: [
	        			        	       {
	        			        	    	   text: "Agregar", 
	        			        	    	   id: "btnAgregar3",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarCiuo03();
	    			        	    		   }
	        			        	       }, 
	        			        	       {
	        			        	    	   text: "Modificar",
	        			        	    	   id: "btnModificar3",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   hidden:true,
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarCiuo03();
	    			        	    		   }
	        			        	       },
	        			        	       {
	        			        	    	   text: "Limpiar", 
	        			        	    	   handler: function(){
	        			        	    		   Ext.getCmp("redCiuo03Form").getForm().reset();
	        			        	    		   Ext.getCmp("btnModificar3").setVisible(false);
	        			        	    		   Ext.getCmp("btnAgregar3").setVisible(true);
	    			        	    		   }
	        			        	       } 
	        		        	        ]
	        	        		}
        	        	    ]
        	        	}
		        	},{
		        		title: "CIUO 04",
        	        	margin: "5 0 0 0",
        	        	autoScroll: true,
        	        	items: {
        	        		xtype: "form",
        	        		id: "redCiuo04Form",
        	        		border: false,
        	        		height: 450,
        	        		frame: true,
        	        		layout: {
	        	        		type: "table",
								columns: 2,
								tableAttrs: {
						            style: {width: "520px"},
						            align: "center"
								}
	        	        	},
	        	        	defaults: Asg.Form.defaults({width: 255}),
	        	        	items: [
	        	        	    {
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 01",
	        	        	    	id: "ciuo0104",
	        	        	    	name: "ciuo01.ciuo01Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo01,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo01Codigo",
    	    						displayField: "ciuo01Nombre",
    	    						listeners:{
    	    							change: function(f, ciuo01Codigo, o, e){
    	    								storeCiuo02CmbFrom04.load({params: {ciuo01Codigo : ciuo01Codigo}});
    	    							}
    	    						}
	        	        	    },{
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 02",
	        	        	    	id: "ciuo0204",
	        	        	    	name: "ciuo02.ciuo02Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo02CmbFrom04,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo02Codigo",
    	    						displayField: "ciuo02Nombre",
    	    						listeners: {
	        	        	    		change: function(f, ciuo02Codigo, o, e){
	        	        	    			storeCiuo03Cmb.load({params: {
        	        	    					ciuo01Codigo : Asg.Utils.getValue("ciuo0104"),
        	        	    					ciuo02Codigo: ciuo02Codigo
	        	        	    				}
	        	        	    			});
	        	        	    		}
	        	        	    	}
	        	        	    },{
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 03",
	        	        	    	id: "ciuo0304",
	        	        	    	name: "ciuo03.ciuo03Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo03Cmb,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo03Codigo",
    	    						displayField: "ciuo03Nombre",
    	    						listeners: {
	        	        	    		change: function(f, ciuo03Codigo, o, e){
	        	        	    			storeCiuo04.load({params: {
	        	        	    					ciuo01Codigo : Asg.Utils.getValue("ciuo0104"),
	        	        	    					ciuo02Codigo: Asg.Utils.getValue("ciuo0204"),
	        	        	    					ciuo03Codigo: ciuo03Codigo
        	        	    					}
	        	        	    			});
	        	        	    		}
	        	        	    	}
	        	        	    },{
    	        	        		xtype: "textfield",
    	        	        		fieldLabel: "CIUO 04 C\u00F3digo",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo04Codigo",
    	        	        		name: "ciuo04Codigo",
    	        	        		allowBlank: false,
    	        	        		width: 200,
    	        	        		maxLength: 4,
    	        	        		colspan: 2,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600
	        	        		},
	        	        		{
    	        	        		xtype: "textfield", 
    	        	        		fieldLabel: "CIUO 04 Nombre",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ciuo04Nombre",
    	        	        		name: "ciuo04Nombre",
    	        	        		allowBlank: false,
    	        	        		maxLength: 250,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600,
    	        	        		width: 590,
    	        	        		colspan: 2,
    	        	        		flex: 1
	        	        		},{
	        	        			xtype: "grid",
	        	        			boder: false,
	        	        			id: "gridCiuo04",
	        	        			margins: "10 5 5 5",
	        	        			flex: 1,
	        	        			height: 275,
	        	        			colspan: 2,
	        	        			columWidth: 510,
	        	        			width: 600,
	        	        			store: storeCiuo04,
	        	        			columns: [
	        	        			      {
	        	        			    	  xtype:"actioncolumn",
	        	        			    	  width: 60,
	        	        			    	  items: [{
		        	        			    	  icon: Asg.constants.CONTEXT_PATH + "/resources/images/cancel.png",
		        	        			    	  tooltip: "Eliminar",
		        	        			    	  iconCls: "action_icons",
		        	        			    	  handler: function(grid, rowIndex, colIndex) {
		        	        			    		  Ext.Msg.confirm(Asg.constants.APPLICATION_TITLE, 
		        	        			    				  Asg.constants.CONFIRM_DELETE_MESSAGE, function(btn, text){
		        	        			    			  if (btn == 'yes'){
		        	        			    				  var record = grid.getStore().getAt(rowIndex);
				        	        			    		  if(record != null){
				        	        			    			  RedCiuo.eliminarCiuo04(
				        	        			    					  record.get("ciuo01Codigo"),
				        	        			    					  record.get("ciuo02Codigo"),
				        	        			    					  record.get("ciuo03Codigo"),
				        	        			    					  record.get("ciuo04Codigo"));
				        	        			    		  }
		        	        			    			  }
		        	        			    		  });
		        	        			    		 
		        	        			    	  }
	        	        			    	  },{
	        	        			    		  icon: Asg.constants.CONTEXT_PATH + "/resources/images/edit.png",
	        	        			    		  tooltip: "Editar",
	        	        			    		  iconCls: "action_icons",
	        	        			    		  handler: function(grid, rowIndex, colIndex){
	        	        			    			  var record = grid.getStore().getAt(rowIndex);
	        	        			    			  if(record != null){
	        	        			    				  Ext.getCmp("redCiuo04Form").getForm().loadRecord(record);
	        	        			    			  }
	        	        			    		  }
	        	        			    	  }]
	        	        			      },
		    					          {text: "Codigo", width: 60, dataIndex: "ciuo04Codigo"},
		    					          {text: "Nombre", flex: 1, dataIndex: "ciuo04Nombre"}
	        				          	],
	        				          	tbar: [
	        			        	       {
	        			        	    	   text: "Agregar", 
	        			        	    	   id: "btnAgregar4",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarCiuo04();
	    			        	    		   }
	        			        	       }, 
	        			        	       {
	        			        	    	   text: "Modificar",
	        			        	    	   id: "btnModificar4",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   hidden:true,
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarCiuo04();
	    			        	    		   }
	        			        	       },
	        			        	       {
	        			        	    	   text: "Limpiar", 
	        			        	    	   handler: function(){
	        			        	    		   Ext.getCmp("redCiuo04Form").getForm().reset();
	        			        	    		   Ext.getCmp("btnModificar4").setVisible(false);
	        			        	    		   Ext.getCmp("btnAgregar4").setVisible(true);
	    			        	    		   }
	        			        	       } 
	        		        	        ]
	        	        		}
        	        		]
        	        	}
		        	},{
		        		title: "OCUPACIONES",
        	        	margin: "5 0 0 0",
        	        	autoScroll: true,
        	        	items: {
        	        		xtype: "form",
        	        		id: "redOcupacionForm",
        	        		border: false,
        	        		height: 450,
        	        		frame: true,
        	        		layout: {
	        	        		type: "table",
								columns: 2,
								tableAttrs: {
						            style: {width: "520px"},
						            align: "center"
								}
	        	        	},
	        	        	defaults: Asg.Form.defaults({width: 255}),
	        	        	items: [
        	        	        {
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 01",
	        	        	    	id: "ciuo01OP",
	        	        	    	name: "ciuo01.ciuo01Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo01,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo01Codigo",
    	    						displayField: "ciuo01Nombre",
    	    						listeners:{
    	    							change: function(f, ciuo01Codigo, o, e){
    	    								storeCiuo02CmbFromOcupacion.load({params: {ciuo01Codigo : ciuo01Codigo}});
    	    							}
    	    						}
	        	        	    },{
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 02",
	        	        	    	id: "ciuo02OP",
	        	        	    	name: "ciuo02.ciuo02Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo02CmbFromOcupacion,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo02Codigo",
    	    						displayField: "ciuo02Nombre",
    	    						listeners: {
	        	        	    		change: function(f, ciuo02Codigo, o, e){
	        	        	    			storeCiuo03CmbFromOcupacion.load({
	        	        	    				params: {
	        	        	    					ciuo01Codigo : Asg.Utils.getValue("ciuo01OP"),
	        	        	    					ciuo02Codigo : ciuo02Codigo
	        	        	    				}
	        	        	    			});
	        	        	    		}
	        	        	    	}
	        	        	    },{
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 03",
	        	        	    	id: "ciuo03OP",
	        	        	    	name: "ciuo03.ciuo03Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo03CmbFromOcupacion,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo03Codigo",
    	    						displayField: "ciuo03Nombre",
    	    						listeners: {
	        	        	    		change: function(f, ciuo03Codigo, o, e){
	        	        	    			storeCiuo04Cmb.load({params: {
	        	        	    					ciuo01Codigo : Asg.Utils.getValue("ciuo01OP"),
	        	        	    					ciuo02Codigo: Asg.Utils.getValue("ciuo02OP"),
	        	        	    					ciuo03Codigo: ciuo03Codigo
	        	        	    				}
	        	        	    			});
	        	        	    		}
	        	        	    	}
	        	        	    },{
	        	        	    	xtype: "combobox",
	        	        	    	fieldLabel: "CIUO 04",
	        	        	    	id: "ciuo04OP",
	        	        	    	name: "ciuo04.ciuo04Codigo",
	        	        	    	labelWidth: 125,
	        	        	    	allowBlank: false,
	        	        	    	labelStyle: Asg.constants.LABEL_STYLE_TEXT,
	        	        	    	colspan: 2,
	        	        	    	width: 590,
	        	        	    	store: storeCiuo04Cmb,
    	        	        		columnWidth: 600,
    	        	        		valueField: "ciuo04Codigo",
    	    						displayField: "ciuo04Nombre",
    	    						listeners: {
	        	        	    		change: function(f, ciuo04Codigo, o, e){
	        	        	    			storeOcupacion.load({params: {
	        	        	    					ciuo01Codigo : Asg.Utils.getValue("ciuo01OP"),
	        	        	    					ciuo02Codigo: Asg.Utils.getValue("ciuo02OP"),
	        	        	    					ciuo03Codigo: Asg.Utils.getValue("ciuo03OP"),
	        	        	    					ciuo04Codigo: ciuo04Codigo
        	        	    					}
	        	        	    			});
	        	        	    		}
	        	        	    	}
	        	        	    },{
    	        	        		xtype: "textfield", 
    	        	        		fieldLabel: "Nombre Ocupacion",
    	        	        		labelStyle: Asg.constants.LABEL_STYLE_TEXT,
    	        	        		id: "ocupacionNombre",
    	        	        		name: "ocupacionNombre",
    	        	        		allowBlank: false,
    	        	        		maxLength: 250,
    	        	        		labelWidth: 125,
    	        	        		columnWidth: 600,
    	        	        		width: 590,
    	        	        		colspan: 2,
    	        	        		flex: 1
	        	        		},{
	        	        	    	xtype: "hidden",
	        	        	    	id: "ocupacionCodigo",
    	        	        		name: "ocupacionCodigo",
    	        	        		colspan: 2
	        	        	    },{
	        	        			xtype: "grid",
	        	        			boder: false,
	        	        			id: "gridOcupacion",
	        	        			margins: "10 5 5 5",
	        	        			flex: 1,
	        	        			height: 275,
	        	        			colspan: 2,
	        	        			columWidth: 510,
	        	        			width: 600,
	        	        			store: storeOcupacion,
	        	        			columns: [
	        	        			      {
	        	        			    	  xtype:"actioncolumn",
	        	        			    	  width: 60,
	        	        			    	  items: [{
		        	        			    	  icon: Asg.constants.CONTEXT_PATH + "/resources/images/cancel.png",
		        	        			    	  tooltip: "Eliminar",
		        	        			    	  iconCls: "action_icons",
		        	        			    	  handler: function(grid, rowIndex, colIndex) {
		        	        			    		  Ext.Msg.confirm(Asg.constants.APPLICATION_TITLE, 
		        	        			    				  Asg.constants.CONFIRM_DELETE_MESSAGE, function(btn, text){
		        	        			    			  if (btn == 'yes'){
		        	        			    				  var record = grid.getStore().getAt(rowIndex);
				        	        			    		  if(record != null){
				        	        			    			  RedCiuo.eliminarOcupacion(
				        	        			    					  record.get("ciuo01Codigo"),
				        	        			    					  record.get("ciuo02Codigo"),
				        	        			    					  record.get("ciuo03Codigo"),
				        	        			    					  record.get("ciuo04Codigo"),
				        	        			    					  record.get("ocupacionCodigo"));
				        	        			    		  }
		        	        			    			  }
		        	        			    		  });
		        	        			    		 
		        	        			    	  }
	        	        			    	  },{
	        	        			    		  icon: Asg.constants.CONTEXT_PATH + "/resources/images/edit.png",
	        	        			    		  tooltip: "Editar",
	        	        			    		  iconCls: "action_icons",
	        	        			    		  handler: function(grid, rowIndex, colIndex){
	        	        			    			  var record = grid.getStore().getAt(rowIndex);
	        	        			    			  if(record != null){
	        	        			    				  Ext.getCmp("redOcupacionForm").getForm().loadRecord(record);
	        	        			    			  }
	        	        			    		  }
	        	        			    	  }]
	        	        			      },
		    					          {text: "Codigo", width: 60, dataIndex: "ocupacionCodigo"},
		    					          {text: "Nombre", flex: 1, dataIndex: "ocupacionNombre"}
	        				          	],
	        				          	tbar: [
	        			        	       {
	        			        	    	   text: "Agregar", 
	        			        	    	   id: "btnAgregar5",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarOcupacion();
	    			        	    		   }
	        			        	       }, 
	        			        	       {
	        			        	    	   text: "Modificar",
	        			        	    	   id: "btnModificar5",
	        			        	    	   iconCls: Asg.constants.SAVE_ICON, 
	        			        	    	   hidden:true,
	        			        	    	   handler: function(){
	        			        	    		   RedCiuo.guardarOcupacion();
	    			        	    		   }
	        			        	       },
	        			        	       {
	        			        	    	   text: "Limpiar", 
	        			        	    	   handler: function(){
	        			        	    		   Ext.getCmp("redOcupacionForm").getForm().reset();
	        			        	    		   Ext.getCmp("btnModificar5").setVisible(false);
	        			        	    		   Ext.getCmp("btnAgregar5").setVisible(true);
	    			        	    		   }
	        			        	       } 
	        		        	        ]
	        	        		}
    	        	        ]
        	        	}
		        	}]
				}]
			};
		}
	};
}();
